<template>
  <!-- 模板内容：只能有一个div  -->
  <div class="body">
    <!-- 搜索框组件 -->
    <div class="aaa"></div>
    <Searched><div class="title">|&nbsp; 书城</div></Searched>
    <!-- Nav滑动组件 -->
    <Slide></Slide>
    <!-- Nav图片滑动展示 -->
    <ContentNav></ContentNav>
    <!-- 书签遮罩 -->
    <Mark></Mark>
     <!-- 图书板块 -->
    <Main></Main>
    <!-- 主页图书推荐板块 -->
    <Theme></Theme>
    <!-- 底部切换组件 -->
    <div class="ng"></div>
    <DownBar></DownBar>
  </div>
</template>
<script>
import Slide from "../components/Slide.vue";
import ContentNav from "../components/ContentNav.vue";
import Searched from "../components/Searched.vue";
import Mark from "../components/Mark.vue";
import Main from "../components/Main.vue";
import Theme from "../components/Theme.vue";
import DownBar from "../components/Downbar.vue"

export default {
  name: "app",
  components: { Slide, ContentNav,Searched, Mark,Main,Theme,DownBar},
};
</script>

<style scoped>
/* css样式 */
.aaa{
 padding-top: 0.5rem;
}
.body {
  background: #eee;
  width: 100%;
  overflow-x: hidden;
}
.title{
  font-size: .16rem;
  width: 1rem;
  margin-top:.12rem;
  margin-right: .12rem;
  /* font-weight: bold; */
  
}
.ng{
  padding-bottom: .9rem;
}
</style>